<!DOCTYPE html>
<html>
<head>
    <title>岐山手工擀面皮</title>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <!-- Custom Theme files -->
    <!--theme-style-->
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <!--//theme-style-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Food shop Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!--fonts-->
    <link href='http://fonts.useso.com/css?family=Rokkitt:400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.useso.com/css?family=Lobster+Two:400,400italic,700,700italic' rel='stylesheet'
          type='text/css'>
    <!--//fonts-->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
            });
        });
    </script>

</head>
<body>
<!--header-->
<div class="header-in">
    <div class="container">
        <div class="logo">
            <h1><a href="index.html">岐山手工擀面皮</a></h1>
        </div>
        <div class="header-top">
            <div class="header-top-in">
                <ul class="header-grid">
                    <!--<li><a href="account.html">My Account </a> <label>/</label></li>-->
                    <!--<li><a href="login.html"> Login </a></li>-->
                </ul>
                <div class="act">
                    <a href="#" class="done">岐山 美食 </a>
                </div>
                <div class="clearfix"></div>
            </div>
            <ul class="grid-header">
                <!--<li><a href="account.html">My Account</a> <label>/</label></li>-->
                <!--<li><a href="#">My Cart</a> <label>/</label></li>-->
                <!--<li><a href="checkout.html"> Checkout </a></li>-->
            </ul>
            <div class="clearfix"></div>
        </div>
        <!---->
        <div class="header-bottom">
            <div class="top-nav">
                <span class="menu"> </span>
                <ul>
                    <li><a href="index.html">主页 </a><label>- </label></li>
                    <li><a href="location.html"> 位置</a><label>- </label></li>
                    <li class="active"><a href="specials.html">特价 </a><label>- </label></li>
                    <li><a href="404.html"> 在线订购</a><label>- </label></li>
                    <li><a href="contact.html">联系方式</a></li>
                </ul>
                <!--script-->
                <script>
                    $("span.menu").click(function () {
                        $(".top-nav ul").slideToggle(500, function () {
                        });
                    });
                </script>
            </div>
            <div class="search">
                <form>
                    <input type="text" value="点击搜索..." onfocus="this.value = '';"
                           onblur="if (this.value == '') {this.value = '';}">
                    <input type="submit" value="">
                </form>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!---->
<div class="container">
    <div class="specials">
        <h2>热门食品</h2>
        <div class="special-top">
            <div class="col-md-3 special-in">
                <a href="single.html"><img src="images/pi2.jpg" class="img-responsive" alt="">

                </a>
                <h5><a href="single.html">Vivamus vel eros nulla</a></h5>
                <p>Plate Lunch</p>
            </div>
            <div class="col-md-3 special-in">
                <a href="single.html"><img src="images/pi.jpg" class="img-responsive" alt="">

                </a>
                <h5><a href="single.html">Vivamus vel eros nulla</a></h5>
                <p>Coffee</p>
            </div>
            <div class="col-md-3 special-in">
                <a href="single.html"><img src="images/pi1.jpg" class="img-responsive" alt="">

                </a>
                <h5><a href="single.html">Vivamus vel eros nulla</a></h5>
                <p>Chili Con Carne</p>
            </div>
            <div class="col-md-3 special-in">
                <a href="single.html"><img src="images/pi4.jpg" class="img-responsive" alt="">

                </a>
                <h5><a href="single.html">Vivamus vel eros nulla</a></h5>
                <p>Cappuccino</p>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="special-top">
            <div class="col-md-3 special-in">
                <a href="single.html"><img src="images/pi3.jpg" class="img-responsive" alt="">

                </a>
                <h5><a href="single.html">Vivamus vel eros nulla</a></h5>
                <p>Coffee</p>
            </div>
            <div class="col-md-3 special-in">
                <a href="single.html"><img src="images/pi7.jpg" class="img-responsive" alt="">

                </a>
                <h5><a href="single.html">Vivamus vel eros nulla</a></h5>
                <p>Egg</p>
            </div>
            <div class="col-md-3 special-in">
                <a href="single.html"><img src="images/pi6.jpg" class="img-responsive" alt="">

                </a>
                <h5><a href="single.html">Vivamus vel eros nulla</a></h5>
                <p>Food</p>
            </div>
            <div class="col-md-3 special-in">
                <a href="single.html"><img src="images/pi5.jpg" class="img-responsive" alt="">

                </a>
                <h5><a href="single.html">Vivamus vel eros nulla</a></h5>
                <p>Tom Kha Gai</p>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="special-bottom">
            <div class="col-md-6 bottom-special">
                <h5><a href="single.html">ALIQUAM CONGUE FERMENTU</a></h5>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
                    industry.</p>
                <a href="single.html" class="details">Details</a>
            </div>
            <div class="col-md-6 bottom-special-1">
                <h5><a href="single.html">ALIQUAM CONGUE FERMENTU</a></h5>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
                    industry.</p>
                <a href="single.html" class="details">Details</a>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!---->
<div class="footer">
    <div class="container">
        <div class="col-md-8 footer-bottom ">
            <h4>岐山擀面皮西安店 </h4>
            <p>陕西省雁塔区科技五路20号岐山擀面皮 <br /> 咨询电话18829329092/13991094505</p>
            <p class="footer-grid">&copy; 2016.Design by
                <a href="https://yougaking.github.io/" title="YougaKing" target="_blank">YougaKing</a></p>

        </div>
        <div class="col-md-4 footer-bottom ">
            <h4>QiShan Noodle</h4>
            <ul class="social-icons">
                <li><a href="#"><span> </span> </a></li>
                <li class="tin"><a href="#"><span> </span></a></li>
                <li class="linked"><a href="#"><span> </span> </a></li>
            </ul>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        /*
         var defaults = {
         containerID: 'toTop', // fading element id
         containerHoverID: 'toTopHover', // fading element hover id
         scrollSpeed: 1200,
         easingType: 'linear'
         };
         */

        $().UItoTop({easingType: 'easeOutQuart'});

    });
</script>
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>


</body>
</html>